<template>
    <div class="w-vw-100 h-vh-100 d-flex flex-direction-c align-items-c justify-content-c flex-gap-24">
        <h1>{{title}}</h1>
        <Match />
        <CreateRoom />
        <JoinRoom />
    </div>
</template>

<script>
import { ElButton } from 'element-plus'
import Match from "@/components/home/Match.vue";
import JoinRoom from "@/components/home/JoinRoom.vue";
import CreateRoom from "@/components/home/CreateRoom.vue";
export default {
    data(){
        return {
            title: "五子棋网站欢迎您的使用",
        }
    },
    components: {
        ElButton,
        Match,
        CreateRoom,
        JoinRoom,
    },
    mounted() {
        // console.log(this.$common.getSessionStorageValues('userLoginInfo'));
    }
}
</script>

<style scoped lang="scss">

</style>